<template>
    <div class="Resource">
        <!--资源分布-->
        资源分布
        <div class="btn1">
        <el-button type="success" plain>机构分布</el-button>
        <el-button type="success" plain>药材分布</el-button>
        </div>
        <div>
            <el-table
                    :data="tableData"
                    height="500"
                    border
                    style="width: 361px; float: right">
                <el-table-column
                        prop="CityName"
                        label="城市名称"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="Num"
                        label="机构数量"
                        width="180">
                </el-table-column>

            </el-table>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Resource',
        data(){
            return {
                tableData: [{
                    CityName: '桂林',
                    Num: '20',
                }, {
                    CityName: '-桂林',
                    Num: '20',
                }, {
                    CityName: '桂林',
                    Num: '21',
                },  {
                    CityName: '桂林',
                    Num: '21',
                },  {
                    CityName: '桂林',
                    Num: '21',
                },  {
                    CityName: '桂林',
                    Num: '21',
                },  {
                    CityName: '桂林',
                    Num: '21',
                }, {
                    CityName: '桂林',
                    Num: '11',
                }, {
                    CityName: '桂林',
                    Num: '5',
                }, {
                    CityName: '桂林',
                    Num: '6',
                }, {
                    CityName: '桂林',
                    Num: '5',
                }]
            }
        }
    }
</script>

<style>
    .Resource{
        /*text-align: center;*/
        /*!*display: flex;*!*/
        /*!*width: 200px;*!*/
        /*!*padding-left: 40px;*!*/
        /*background-color: #CC0001;*/
        /*!*float: left;*!*/
        /*float: left;*/
        float: left;
        margin-right: 1%;
        text-align: center;
        width: 100%;
        height: auto;
    }
</style>